.BEST-external-section {
  margin: min(2rem, 4vw) auto;
  padding-top: 1rem;

  width: 90vw;
  max-width: 80rem;

  display: flex;
  flex-wrap: wrap;
  gap: min(2rem, 4vw);
  justify-content: space-around;
  align-items: center;
}

.external-s__btn {
  font-size: min(0.875rem, 2vw);

  padding: 1.25em 2.5em;

  border-radius: 1.5em;
  background-color: var(--accent-clr);
  box-shadow: 0.375rem 0.25rem 0.5rem 0.125rem rgba(0, 0, 0, 0.2);

  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: white;

  /* animations for changing button brightness and size */
  transition: transform 0.3s ease-in-out;
}

@media screen and (min-width: 1600px) {
  .external-s__btn {
    font-size: 1.25rem;
  }
}

.external-s__btn:hover,
.external-s__btn:focus {
  background-color: var(--primary-clr);

  transform: scale(1.05);
}

@media only screen and (max-width: 450px) {
  /* .BEST-external-section {
    width: 95%;
  } */

  .external-s__btn {
    /* padding: 1.125rem 1.75rem; */

    /* font-size: 1.125rem; */
  }
}